<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>RADYO</title>
<meta charset="UTF-8">
<meta name="author" content="çapanoğlu">
<meta name="generator" content="Web Page Maker">
<style type="text/css">
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
DIV,UL,OL
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

<style type="text/css">
div#container
{
	position:relative;
	width: 1350px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
}
  #button-bar {
  position: absolute;
  top: 706px;
  left: 166px;
  height:30px;
  display: flex;
  gap: 66px;
  z-index: 166;
  margin-bottom: 150px;
}
.neon-btn {
  position: relative;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 12px;
  background: rgba(0,0,0,0.55);
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.neon-btn::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  background: linear-gradient(
    270deg,
    #00e5ff,
    #00b0ff,
    #2979ff,
    #3f51b5,
    #00c8ff,
    #1a237e
  );
  background-size: 400% 400%;
  animation: moveGradient 6s linear infinite;
  z-index: -1;
}
.neon-btn::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  z-index: -1;
}
.neon-btn:hover {
  transform: scale(1.08);
}
@keyframes moveGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
   .game-menu {
  position: relative;
}
.game-list {
  position: absolute;
  top: 48px;
  left: 0;
  min-width: 180px;
  background: rgba(0,0,0,0.9);
  border-radius: 10px;
  padding: 6px;
  display: none;
  flex-direction: column;
  gap: 6px;
  z-index: 999;
}
.game-list a {
  color: #fff;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 15px;
  background: rgba(255,255,255,0.05);
}
.game-list a:hover {
  background: rgba(255,255,255,0.15);
}
    #canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
}
#star-canvas {
    position: absolute;
    top: 47;
    left: 70px;
    width: 1100px;
    height: 450px;
    z-index: 9999;
    pointer-events: none;
}
  .ws14 { font-size: 27px; }

body {text-align:center;margin:0}
</style>
</head>
<body bgColor="#000000" Link="#000000" VLink="#000000" ALink="#000000">

<div id="container">
<div id="image1" style="
  position:absolute;
  overflow:hidden;
  left:0;
  top:0;
  width:1350px;
  height:1596px;
  z-index:0;
">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7bYkzdRsTrmpWOcw-wC70zqmqArIsXau1l2XGeGFxk-YHso3tn_sSjgqOJafWFbgBxZS5GOamgENSzsSoWXCW90KXHHobfIqZX0khqPw9SIjWsASncaiboQPEhqV-jAxWWou3CbhFOd-eGF3zCtLRCXJi4JekjKaIryDzG82lTnr7raJzoYA4igO-QZE/s1600/mustafa%20index2.png"
       width="1350"
       height="1596"
       alt="">
</div>

   <canvas id="canvas"></canvas>
   <canvas id="star-canvas"></canvas>

<div id="marquee1" style="position:absolute; overflow:hidden; left:82px; top:800px; width:1186px; height:31px; z-index:6">
<marquee width="1223" height="31" scrollamount="3">
<div class="wpmd">
<div><font color="#3366FF" face="Aeros" class="ws14">RADYO KURUCUSU✨xxxxxx✨ADMIN✨xxxx✨DEGERLI DJ.LERİMİZ✨DJ.xxxx✨DJ.xxxx✨ILE KEYIFLI DINLEMELER....</font></div>
</div></marquee>
</div>

      <div style="display: none;">
<a class="cc_streaminfo" data-type="song" data-username="capanoglu" href="https://usa16.fastcast4u.com/tunein/capanoglu.pls">Yükleniyor...</a>
<script src="https://usa16.fastcast4u.com/system/streaminfo.js"></script>
                   </div>
  <div id="button-bar">
  <a class="neon-btn" href="https://allaturkaa.de/radyo/sid.php?no=1164" target="_blank">SiD GÖNDER</a>
  <a class="neon-btn" href="https://film20k.blogspot.com/" target="_blank">FiLMLER</a>
  <a class="neon-btn" href="#"
     onclick="window.open('https://smiley-gif.blogspot.com/','popup','width=800,height=600');return false;">
     İFADELER
  </a>
  <div class="game-menu">
    <a class="neon-btn" href="#" onclick="toggleGames(event)">OYUNLAR</a>
    <div class="game-list" id="gameList">
      <a href="https://www.rekoroyun.com/popup.php?id=4607"
         onclick="openGame(event,this.href)">101 Oyna</a>
      <a href="https://www.shooter-bubble.fr/jeux/bubble-shooter-sans-pub/index.html"
         onclick="openGame(event,this.href)">Top Patlat</a>
      <a href="https://www.google.com/logos/fnbx/solitaire/standalone.html"
         onclick="openGame(event,this.href)">Soliter</a>
    </div>
  </div>

  <a class="neon-btn" href="https://drive.google.com/uc?export=download&id=1E0SKH4LWKnJ4GJYHZfy3ZO1CDMILJCti" target="_blank">SAM 2</a>
  <a class="neon-btn" href="https://allaturkaa.de/radyo/radyolist.php" target="_blank">Radyolar</a>
  <a class="neon-btn" href="https://allaturkaa.de/forum/index.php?page=Thread&postID=1137556#post1137556" target="_blank">Forum</a>
</div>
  
<div id="html1" style="position:absolute; overflow:hidden; left:421px; top:583px; width:510px; height:81px; z-index:15">
<iframe width="100%" height="80" src="https://radioplayer.link/stream/index.php?autoplay=false&name=%20%E2%9C%A9%E2%82%8A%CB%9A.%E2%8B%86%E2%98%BE%E2%8B%86%E2%81%BA%E2%82%8A%E2%9C%A7RADYO%20BA%C5%9EKENT%E2%9C%A9%E2%82%8A%CB%9A.%E2%8B%86%E2%98%BE%E2%8B%86%E2%81%BA%E2%82%8A%E2%9C%A7RADYO%20BA%C5%9EKENT%20&bgcolor=2a2b22&textcolor=289fe0&v=real&stream=https://usa16.fastcast4u.com/proxy/capanoglu?mp=/1" frameborder="0" scrolling="no" allow="autoplay;"></iframe></div>
  <div id="bg-transition-layer" style="
    position:absolute;
    top:865;
    left:66px;
    width:1200px;
    height:650px;
    z-index:6;
    pointer-events:none;
    display:none;
"></div>

    <div id="iframe-container" style="position:absolute; overflow:hidden; left:66px; top:870px; width:1200px; height:650px; z-index:66;"> 
<iframe src='https://chameleon.chattersnet.nl/chat/xxxx' allow='camera;microphone' width='1200' height='650' frameborder='no' scrolling='no'></iframe>
  </div>
  <script>
    const defaultBackground = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEkjaeUUsX3vp5b32ItySNwI6iX0WUHpxR24R4p4Lm463VkMszaoYTJHDl0KVrrFRj5IwGeMH5ce_71DcdNJG9chT2qS0769sHupSMyF3Y_Mtsobd5JaQ5AKpNWA4XKgWi3YILVowi6pFGsfwGNqeGs6NeIpU5noKD7tFqsHsPKoreFwEcf3fu2FTeSe1C/s1600/Ads%C4%B1z%20tasar%C4%B1msadde.gif';
    const djBackgrounds = {
        
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.gif',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.gif',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.gif',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.gif',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.gif',
        '1EBEN': 'https://dj teması.png',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.jpg',
        'YAYINCI': 'https://dj teması.gif',
        'YAYINCI': 'https://dj teması.gif' 
    };

    let lastDJ = '';
let lastAnimatedDJ = '';
let isAnimating = false;
const rows = 8;
const cols = 12;
const animationsPool = [
    'puzzle',
    'notebook',
    'leaves',
    'wind',
];
function refreshStreamInfo() {
    const oldScript = document.getElementById('streaminfo-script');
    if (oldScript) oldScript.remove();
    const script = document.createElement('script');
    script.id = 'streaminfo-script';
    script.src = 'https://usa16.fastcast4u.com/system/streaminfo.js?t=' + Date.now();
    script.onload = updateBackground;
    document.body.appendChild(script);
}
function updateBackground() {
    const streamInfoElement = document.querySelector('.cc_streaminfo');
    if (!streamInfoElement) return;
    const currentDJ = streamInfoElement.textContent.trim().toUpperCase();
    if (!currentDJ) {
        lastDJ = '';
        lastAnimatedDJ = '';
        setBackground(defaultBackground);
        return;
    }
    if (currentDJ === lastAnimatedDJ) return;
    lastDJ = currentDJ;
    lastAnimatedDJ = currentDJ;
    let backgroundImage = defaultBackground;
    for (const key in djBackgrounds) {
        if (currentDJ.includes(key)) {
            backgroundImage = djBackgrounds[key];
            break;
        }
    }
    const chosenAnimation = animationsPool[Math.floor(Math.random() * animationsPool.length)];
    showBackground(backgroundImage, chosenAnimation);
}
async function showBackground(imageUrl) {
    if (isAnimating) return;
    isAnimating = true;
    const bgLayer = document.getElementById('bg-transition-layer');
    const container = document.getElementById('iframe-container');
    const width = container.clientWidth;
    const height = container.clientHeight;
    const rows = 8;
    const cols = 12;
    const pieceWidth = width / cols;
    const pieceHeight = height / rows;
    await new Promise(resolve => {
        const img = new Image();
        img.src = imageUrl;
        img.onload = resolve;
    });
    container.style.backgroundImage = 'none';
    bgLayer.innerHTML = '';
    bgLayer.style.display = 'block';
    bgLayer.style.opacity = '1';
    const pieces = [];
    for (let r = 0; r < rows; r++) {
        for (let c = 0; c < cols; c++) {
            const piece = document.createElement('div');
            piece.style.cssText = `
                position:absolute;
                width:${pieceWidth}px;
                height:${pieceHeight}px;
                top:${r * pieceHeight}px;
                left:${c * pieceWidth}px;
                background-image:url('${imageUrl}');
                background-size:${width}px ${height}px;
                background-position:-${c * pieceWidth}px -${r * pieceHeight}px;
                transform: translate(${Math.random()*width - width/2}px, ${Math.random()*height - height/2}px)
                           rotate(${Math.random()*360}deg) scale(1.5);
                opacity:1;
                transition: transform 3.5s ease;
            `;
            bgLayer.appendChild(piece);
            pieces.push(piece);
        }
    }
    setTimeout(() => {
        pieces.forEach(piece => {
            piece.style.transform = 'translate(0,0) rotate(0deg) scale(1)';
        });
    }, 66);
    setTimeout(() => {
        bgLayer.style.display = 'none';
        bgLayer.innerHTML = '';
        container.style.backgroundImage = `url('${imageUrl}')`;
        container.style.backgroundSize = 'cover';
        container.style.backgroundPosition = 'center';
        isAnimating = false;
    }, 3666);
}
window.addEventListener('load', () => {
    const chatContainer = document.getElementById('iframe-container');
    chatContainer.style.backgroundImage = `url('${defaultBackground}')`;
});
setInterval(refreshStreamInfo, 5000);
function setBackground(imageUrl) {
    const chatContainer = document.getElementById('iframe-container');
    chatContainer.style.backgroundImage = `url('${imageUrl}')`;
}
function toggleGames(e) {
  e.preventDefault();
  const menu = document.getElementById("gameList");
  menu.style.display = (menu.style.display === "flex") ? "none" : "flex";
}
function openGame(e, url) {
  e.preventDefault();
  window.open(url, "gamepopup", "width=900,height=650");
  document.getElementById("gameList").style.display = "none";
}
document.addEventListener("click", function(e){
  if(!e.target.closest(".game-menu")){
    const menu = document.getElementById("gameList");
    if(menu) menu.style.display = "none";
  }
});
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
const gravity = 0.17;
const damping = 0.99;
const baseLength = 18;
const num = 11;
const iterations = 5;
const imgs = [];
for(let i=0;i<num;i++){
    const img = new Image();
    img.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVMxevHuDjcN3PrCCJ_jFs158T3KiJwC-nROhBB2uz02U_T0h7lRkHUlmW-ItzbLsQwbrtYjw91yz5Oauj2YcOnFG4-6G_sBPj4B3-dG_W-cz-Ycurbfl-Kf4mi4YFD5BFtdfcV9dDjv05aQyAeSvbO2nLmhi4tsE6lo0vqPwA697KYWX2jv1mhBTug1s/s1600/turk_bayragi_02_tam35blog.gif";
    imgs.push(img);
}
const points = [];
for(let i=0;i<num;i++){
    points.push({
        x: canvas.width/2,
        y: 100 + i*baseLength,
        oldX: canvas.width/2,
        oldY: 100 + i*baseLength
    });
}
let mouseX = canvas.width/2;
let mouseY = 100;
window.addEventListener("mousemove", e=>{
    mouseX = e.clientX;
    mouseY = e.clientY;
});
const _0x9fa3 = "NjZESUxCRVIgWA==";
function update(){
    for(let i=0;i<num;i++){
        const p = points[i];
        const vx = (p.x - p.oldX) * damping;
        const vy = (p.y - p.oldY) * damping;
        p.oldX = p.x;
        p.oldY = p.y;
        if(i !== 0){ p.x += vx; p.y += vy + gravity; }
    }
    points[0].x = mouseX + 9;
    points[0].y = mouseY + 36;
    for(let k=0;k<iterations;k++){
        for(let i=1;i<num;i++){
            const p1 = points[i-1];
            const p2 = points[i];
            let dx = p2.x - p1.x;
            let dy = p2.y - p1.y;
            let dist = Math.hypot(dx,dy);
            let diff = (dist - baseLength) / dist;
            const ox = dx*0.5*diff;
            const oy = dy*0.5*diff;
            if(i!==1){ p1.x += ox; p1.y += oy; }
            p2.x -= ox;
            p2.y -= oy;
        }
    }
}
function draw(){
    ctx.clearRect(0,0,canvas.width,canvas.height);
    for(let i=0;i<num;i++){
        let scale = 1 - Math.min(0.5, Math.hypot(points[i].x - mouseX, points[i].y - mouseY)/600);
        let size = (i===0?30:20) * scale;
        ctx.drawImage(imgs[i], points[i].x - size/2, points[i].y - size/2, size, size);
    }
}
function loop(){
    update();
    draw();
    requestAnimationFrame(loop);
}
loop();
window.addEventListener("resize", ()=>{
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
});
const starCanvas = document.getElementById('star-canvas');
const starCtx = starCanvas.getContext('2d');
const container = document.getElementById('container');
starCanvas.width = container.clientWidth;
starCanvas.height = 450;
class Star {
    constructor() { this.reset(); }
    reset() {
        this.x = Math.random() * starCanvas.width;
        this.y = Math.random() * starCanvas.height;
        this.size = Math.random() * 11 + 1;
        this.opacity = Math.random() * 0.3 + 0.3;
        this.maxOpacity = Math.random() * 0.7 + 0.3;
        this.twinkleSpeed = Math.random() * 0.02 + 0.005;
        this.rotation = Math.random() * Math.PI * 2;
        this.rotationSpeed = (Math.random() * 0.02 + 0.005) * (Math.random() > 0.5 ? 1 : -1);
        this.state = 'appearing';
        this.colorBase = `rgba(255,255,200,`;
    }
    draw() {
        starCtx.save();
        starCtx.translate(this.x, this.y);
        starCtx.rotate(this.rotation);
        starCtx.beginPath();
        for (let i = 0; i < 5; i++) {
            starCtx.lineTo(0, -this.size);
            starCtx.rotate(Math.PI / 5);
            starCtx.lineTo(0, -this.size / 5);
            starCtx.rotate(Math.PI / 5);
        }
        starCtx.closePath();
        const starColor = this.colorBase + this.opacity + ")";
        starCtx.fillStyle = starColor;
        starCtx.shadowColor = starColor;
        starCtx.shadowBlur = 8;
        starCtx.fill();
        starCtx.restore();
    }
    update() {
        this.rotation += this.rotationSpeed;
        if (this.state === 'appearing') {
            this.opacity += this.twinkleSpeed;
            if (this.opacity >= this.maxOpacity) this.state = 'disappearing';
        } else {
            this.opacity -= this.twinkleSpeed;
            if (this.opacity <= 0) this.reset();
        }
    }
}
const stars = [];
for (let i = 0; i < 4; i++) stars.push(new Star());
function animateStars() {
    starCtx.clearRect(0, 0, starCanvas.width, starCanvas.height);
    stars.forEach(s => { s.update(); s.draw(); });
    requestAnimationFrame(animateStars);
}
animateStars();
atob("RElMQkVSIFlJTE1BWg==");
</script>
  </div>
</body>
</html>